// 科幻风格全局变量
$cyber-blue: #00f3ff;
$neon-pink: #ff00ff;
$matrix-green: #00ff88;
$hologram-purple: #8a2be2;

// 通用动画
@keyframes neonPulse {
  0% { opacity: 0.8; }
  50% { opacity: 1; text-shadow: 0 0 20px currentColor; }
  100% { opacity: 0.8; }
}

.cyber-border {
  border: 1px solid rgba($cyber-blue, 0.3);
  border-radius: 8px;
  position: relative;
  
  &::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, 
      $cyber-blue, 
      $neon-pink, 
      $matrix-green);
    z-index: -1;
    border-radius: 10px;
    animation: borderRotate 5s linear infinite;
  }
}

@keyframes borderRotate {
  100% { filter: hue-rotate(360deg); }
} 